18 Brand New And Free Slider CSS Collection For Your Inspiration

1. Slider with independent rows

featured image

Pretty slider, where the rows are scrolled independently.Slider features:

opportunity to create a slider with an unlimited number of rows

Benefits of slider

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.Powerful CSS Transitions with jQuery FallBack

Slider loads correctly on first try

More Details

4. jQuery Responsive Grid Quote

featured image

jQuery OneByOne Slider Plugin:

More Details

5. All Around - Wordpress Content Slider / Carousel

featured image

All Around – Wordpress Content Slider / Carousel – 1. All Around wordpress content slider is a multi-purpose all-in-one slider solution for your website. You can adjust the wordpress content slider the way you need it or you can choose one of our 6 prepared layouts. The All Around wordpress slider/carousel has tons of options and features that you can set-up. The features of the All Around content slider / carousel are listed below.All Around content slider frontend features

- You can choose between horizontal and jQuery vertical slider gallery

All Around content slider backend features

- Set slider height or let the slider manage this

- Choose the alignment of the slider (Vertical or Horizontal)

- Slider with keyboard arrow keys

- Set max slider height in small resolutions

Fixed a bug that freezes slider on iPhone/iPad

Fixed a few CSS overridings by some WP Themes

More Details

6. EZ Carousel - Modern Wordpress Carousel Slider

featured image

We understand that time is money, that is why we created EZ Carousel to save your time and effort in developing and customizing photos/post slider.

More Details

7. CSS3 Image Gallery Kit

featured image

More Details

8. jSliderPro

featured image

The slider can automatically scale down to mobile devices adapting buttons, bullets images and also their positions.

More Details

9. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Home Page Slider

Banner Slider

Image Slider

List Slider

Responsive Slider

Tab Slider

Tiled Menu Slider

Grid Slider

Vertical Slider

Full Width Slider

When touch and drag the slider with finger on a touch device like iphone (iOS, Android, Windows Surface), the slider will move left/right or up/down. If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly.Best performance slider guarantee

Jssor slider is announced as one of the best performance sliders. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)

Jssor slider comes with 360+ impressive slideshow effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Jssor slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation.Most reliable slider

Jssor slider is cross browser slider, it support wide range of browsers, Chrome 3+, Firefox 2+, IE 6+, Safari 3. Jssor slider is also cross plat form browser, iOS, Android, Windows, Windows Surface and Mac are all supported.Most scalable slider

Jssor slider is one of most scalable slider. All UI is fully under control by html + css code. Use any html/css code to customize thumbnail to anyformat

Arrow key navitation, navigate slider by click keyboard arrow left/right

Slider can be put anywhere (lightbox, or any container)

Cut/Paste slider code snippet

More Details

10. Nex - Blazing Fast FullScreen Slider

featured image

“Nex” – Blazing Fast Fullscreen Slider

Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.That said Nex, doesn’t need any other libraries at all (except jquery) to implement all it’s functionality, you can see the speed of the slider on the demo page.Include the scripts and the css files

css" /><br />

Then all you have to do is init the Nex slider like so:

If you would like to use google maps in the slider you will need to include this script above any other scripts:

Customizable slider look

Big thanks to Joanna Kustra which allowed me to use her awesome images in the slider

More Details

11. CSS3 Zi-Popup Animated Image Sliders

featured image

An animated image slider which pops up when clicked on a link. The popup has 8 effects when displayed same as the image slider jQuery has 8 effects when navigated to the next image.

More Details

12. Verion - Widget Accordion Sidebar CSS

featured image

Verion – Widget Accordion SideBar CSS

Verion – Widget Accordion SideBar CSS is a small CSS plugin that is used to create the CSS vertical sidebar menu to contain web widgets like: accordion menu, login form, small photo, buttons, recent/feature posts, social sharing icons, etc.CSS animation effects.If you like to see the plugin documentation you can check it here: Verion CSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Responsive Shop Slider

Metro Navigation Bar CSS

More Details

13. Roundabout - WordPress Carousel Slider Plugin

featured image

Roundabout  WordPress Carousel Slider Plugin is ready-to-go straight out of the box carousel slider, it’s highly-customizable with more that 65 main configurations.Image and Content slider: Full Control Over HTML via WYSWYG Editor: Build your custom HTML design in WordPress Native and familiar editor.Auto Generate WordPress Shortcodes: Each slider has its own settings and a shortcode to be used everywhere.

More Details

14. Host Slide PRO - Plan & Pricing Slider

featured image

This Host Slide PRO plan & pricing slider is the best widget for your website. It’s lightweight and the layout can be changed easily from the CSS file.Also, check out this file if you need 1 basic style slider only: Link

More Details

15. CSS3 Interactive TV Image Slider

featured image

An interactive image slider which is designed in the shape of Tv and its basic functionality. Clicking on the power button will activate the slider and the controls gets displayed though which you can navigate to next or previous images. Once powered off the slider turns off.

More Details

16. Zi-Image Grid Gallery - Responsive

featured image

More Details

17. Swiper - Responsive Element Slider with Touch

featured image

Swiper is a Responsive element slider.

More Details

18. CSS3 Animated Image Slider

featured image

An animated image slider.The mini-ipad purely designed on CSS

com/codecanyon/slider/

More Details

19. GUGUL - Image Slider

featured image

GUGUL – Image Slider V2.

More Details